<template>
  <div class="resultPage">
    <div v-if="type === 1">
      <img src="@/assets/img/newpos/reduce.png" alt="">
      <div class="center wordTip">
        <i class="iconfont el-icon-success colorThis"></i>
        <span>{{ $t('newpos.reduceAmount') }}</span>
      </div>
      <div class="center tip">{{ $t('newpos.transRealTime') }}</div>
    </div>
    <div v-if="type === 2">
      <img src="@/assets/img/newpos/reduce.png" alt="">
      <div class="center wordTip">
        <i class="iconfont el-icon-success colorThis"></i>
        <span>{{ $t('newpos.reduceAmount') }}</span>
      </div>
      <div class="center tip">{{ $t('newpos.willTransThreeDays') }}</div>
    </div>
    <div v-if="type === 3">
      <img src="@/assets/img/newpos/increase.png" alt="">
      <div class="center wordTip">
        <i class="iconfont el-icon-success colorThis"></i>
        <span>{{ $t('newpos.addAmount') }}</span>
      </div>
      <div class="center tip">{{ $t('newpos.firstIncomeTrans', { time: handleDateReturn() }) }}</div>
    </div>
  </div>
</template>

<script>
import moment from 'moment';

export default {
  name: 'resultPage', // 赎回成功失败
  data() {
    return {
    }
  },
  components: {},
  props: {
    type: { // 1-rex赎回 2-cpu/net赎回 3-挖矿成功
      type: Number,
      default: 1,
    }
  },
  watch: {
    resultVisible: function change() {
    },
  },
  computed: {},
  created() {},
  mounted() {},
  beforeDestroy() {},
  methods: {
    handleDateReturn() {
      return moment.utc().add(1, 'd').format('YYYY-MM-DD')
    },
  },
}
</script>
<style lang="scss" scoped>
.resultPage{
  padding-bottom: 20px;
  font-size: 18px;

  img {
    display: block;
    width: 170px;
    margin: 0 auto;
  }

  .wordTip {
    margin: 30px 0 10px;
  }

  .tip {
    font-size: 16px;
    color: #999;
  }
}

.theme-1B1D27 {
  .wordTip, .tip {
    color: rgba(255, 255, 255, 0.8) !important;
  }
}
</style>

